* {
    padding: 0;
    margin: 0;
}

body {
    min-height: 100vh;
    width: 100vw;
    display: grid;
    grid-template-rows: 183.8px auto 128.65px;
    background: #f2f2f2;
}

.hidden{ display: none; }

main {
    display: grid;
    grid-template-columns: 18% 64% 18%;
    grid-template-areas:
    "tools main pda";
    /* The tool and pda widgets rely on grid-template-areas to name 'tools' and 'pda', do not modify them. */

    & .main-content{
        grid-area: main;
        display: grid;

        & .art-showcase{
            display: grid;

            & img{
                place-self: center;
                max-height: 675px;
                /*max-height: 485.233px;*/
            }
        }

        & .art-info{
            display: grid;
            grid-template-rows: 24px 24px 24px auto 24px 25px;

            & h2, .artist-credit{
                place-self: center;
            }

            & .description-header{ margin-left: 10px; align-self: center; }

            & .art-description{
                margin-left: 10px;
                margin-bottom: 5px;
            }

            & .tag-header{
                width: fit-content;
                cursor: pointer;
                user-select: none;
                margin-left: 10px;
                align-self: center;
            }

            & .tag-collection{
                width: 100%;
                list-style: none;
                display: none;
                grid-template-columns: repeat(19, 5%);
                grid-template-rows: 25px 25px;
                grid-auto-rows: 25px;
                overflow-y: auto;
                justify-content: center;

                & .tag-collection-list-item{
                    height: 100%;
                    width: 100%;
                    display: grid;
                    place-items: center;
                    white-space: nowrap;
                    overflow: hidden;
                    position: relative;

                    & a{
                        text-decoration: none;
                        margin: 0 10px;
                    }
                }
            }
        }
    }
}